<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bobo</title>


    <!-- css代码: 让页面中所有td中的内容都水平居中 -->
    <style>
        td{
            text-align: center;
        }
    </style>



</head>
<body>
    <!-- 绝对路径  -->
    <!-- <img src="F:\技术学习\Java\Javacode\JavaEE\frontend\tiger.jfif"> -->

    <!-- 相对路径 -->
    <!-- <img src="image/tiger.jfif"> -->

    <!-- 网络路径 -->
    <!-- <img width="800px" height="600" title="大老虎" src=" https://i1.3conline.com/images/piclib/201001/27/batch/1/53909/1264581138108s23lpkk1i4.jpg"> -->

    <!-- <a href="https://www.baidu.com" target="_blank"> 百度</a>
    <a href="https://www.sougou.com"> 搜狗</a> -->


    <!-- 表格 -->
    <!-- <table width="500px" height="300px" border="1px" cellspaceing="0"> 
        <tr>
            <th> 姓名 </th>
            <th> 电话 </th>
        </tr>

        <tr>
            <td> 小许 </td>
            <td> 166 </td>
        </tr>

        <tr>
            <td> 小波 </td>
            <td> 184 </td>
        </tr>

    </table> -->


    <!-- 有序列表 -->
    <!-- <h3> students </h3>
    <ol>
        <li> Jack </li>
        <li> Tom </li>
        <li> Nom </li>
    </ol>

    <ul>
        <li> Jack </li>
        <li> Tom </li>
        <li> Nom </li>
    </ul> -->


    表单标签
     <!-- 1.单行文本框 -->
    <input type="text"> 
    <!-- 2.密码框 -->
    <input type="password" > 
    <!-- 3.单选按钮 对于单选框, 加上name属性-->
     请选择性别:
    <input type="radio" name="gender">  男
    <input type="radio" name="gender" checked="checked">  女

    <br>
    <!-- 4.复选框 -->
    大学生每天都干啥
    <input type="checkbox" checked="checkboxed"> 吃饭
    <input type="checkbox"> 睡觉
    <input type="checkbox"> 打游戏


    <!-- 5.按钮 -->
    <input type="button" value="按钮" onclick="alert('hello')">

    <!--6. 提交按钮<搭配form使用> -->
    <input type="submit"  >

    <!-- 7.文件选择框 -->
    <input type="file">


    <!-- <select>
        <option> 北京</option>
        <option> 上海</option>
        <option> 广州</option>
        <option> 西安</option>
        <option> 南京</option>
        <option> 兰州</option>
    </select> -->


    <!-- 多行编辑框 -->
    <textarea> </textarea>

    
</body>
</html>

